﻿*{-webkit-tap-highlight-color:transparent;padding:0;margin:0;}

body{
	background:#F0F0F0;
}
body div div{
	background:white;
}

/****status-bar****/
#income-title{
	border-bottom:solid 1px  #AEAEAE;
}
.div-income-title{
	position:relative;
	text-align:center;	
}
.img-back-style{
	position:absolute;	
	display:inline;
}
#s_title{
	color:#4e4e4e;
}
/****table****/
.div-income-table{
	background:white;
	padding-top:1.5%;
}
table{ 
   width:92%;     
   border-collapse: collapse;
   margin-left:4%;
   margin-right:4%;   
}
thead{	  
   background:#F0F0F0;   
}

tr{	
	text-align:center;
}
thead tr{	
	color:#696969;	
}
tbody tr{
	color:#AEAEAE;
	border-bottom:solid 1px #f0f0f0;	
}
/****chart****/
.income-chart{
	width:100%;
	text-align:center;
	background:white;
}

@media screen and (min-width: 321px) and (max-width: 360px){	
	/****status-bar****/
	.div-income-title{
		height:42px	
	}
	.img-back-style{
	   top:11px; 
	   width:12px;
	   height:21px;
	   left:14px;
	}
	#s_title{
		font-size:17px;
        line-height:42px;		
	}
   	/****table****/
	  thead tr{
		width:331px;
		height:29px;
	  }
	  tbody tr{
		 width:331px;
		 height:43px;
	  }
	  td{
		  font-size:13px;
		   width:83px;
	  }
}

@media screen and (min-width: 376px){	
	/****status-bar****/
	.div-income-title{
		height:49px	
	}
	.img-back-style{
	   top:13px; 
	   width:14px;
	   height:25px;
	   left:17px;
	}
	#s_title{
		font-size:17px;
        line-height:49px;		
	}
	/*********table***********/	 
	thead tr{
		height:34px;
	}
	tbody tr{
		height:50px;
	}
	td{
		font-size:15px;
	}
	
}
@media screen and (min-width: 361px) and (max-width: 375px){	
	/****status-bar****/
	.div-income-title{
		height:44px	
	}
	.img-back-style{
	   top:15px; 
	   width:12px;
	   height:22px;
	   left:14px;
	}
	#s_title{
		font-size:18px;
        line-height:44px;		
	}
   	/****table****/
	  thead tr{
		width:331px;
		height:29px;
	  }
	  tbody tr{
		 width:331px;
		 height:43px;
	  }
	  td{
		  font-size:13px;
		   width:83px;
	  }
}
@media screen and (max-width: 320px){	
	/****status-bar****/
	.div-income-title{
		height:40px	
	}
	.img-back-style{
	   top:11px; 
	   width:10.32px;
	   height:19px;
	   left:14px;
	}
	#s_title{
		font-size:15.5px;
        line-height:40px;		
	}
   	/****table****/
	  thead tr{
		width:331px;
		height:29px;
	  }
	  tbody tr{
		 width:331px;
		 height:43px;
	  }
	  td{
		  font-size:10px;
		   width:83px;
	  }
}